<template>
    <h3>组件事件</h3>
    <!-- clickEvent为子元素定义的事件名字,和emit里定义的名字一致 -->
    <ComponentD @someEvent="getHandle"/>
    <p>父元素:{{ message }}</p>
</template>
<script>
import ComponentD from './ComponentD.vue';

export default {
    data(){
        return{
            message:""
        }
    },
    components:{
        ComponentD
    },
    methods:{
        //通过data参数获取子元素传递过来的数据
        getHandle(data){
            this.message = data;
        }
    }
}

</script>